$(function(){
    let layer = layui.layer
    let form = layui.form
   initArtCateList()
   
//    定义获取文章列表函数
function initArtCateList() {
    $.ajax({
        method : 'GET',
        url : 'my/article/cates',
        success :  function(res){
            // console.log(res);
            // if(res.status !==0) {
                
            // }
          let htmlStr =  template('tpl-table',res)
            $('tbody').html(htmlStr)
        }
    })
}
let addIndex = null
// 点击添加按钮，跳出弹出层，输入信息
$('#btnAddCate').on('click',function(){
    addIndex= layer.open({
        type : 1,
        area: ['500px','300px'],
        title: '添加文章分类',
        content : $('#dialog-add').html()
    })
})

// 添加渲染到页面，添加表单submit事件
$('body').on('submit','#form-add',function(e){
e.preventDefault()
$.ajax({
    method : 'POST',
    url: 'my/article/addcates',
    data : $(this).serialize(),
    success : function(e) {
        if(e.status !==0) return layer.msg('新增添加失败');
        initArtCateList()
        layer.msg('新增添加成功')
        layer.close(addIndex)
    }
})
})

// 添加编辑点击事件，修改信息
let editIndex = null
$('tbody').on('click','.btn-edit',function(){
    // 调用layer.open打开弹框
    editIndex= layer.open({
        type : 1,
        area: ['500px','300px'],
        title: '添加文章分类',
        content : $('#dialog-edit').html()
    })

    // 修改获取添加上数据
    let id = $(this).attr('data-id')
    // 发起获取数据
    $.ajax({
        method : 'GET',
        url : 'my/article/cates/' + id,
        success : function(e){
            // console.log(1);
            form.val('form-edit',e.data)
        }
    })
})

// 提交修改编辑表单
$('body').on('submit','#form-edit',function(e){
e.preventDefault()
$.ajax({
    method : 'POST',
    url : 'my/article/updatecate',
    data : $(this).serialize(),
    success : function(res){
        if(res.status !==0) return layer.msg('更新分类数据失败')
        layer.msg('更新分类数据成功')
        layer.close(editIndex)
        initArtCateList()
    }
})
})

// 事件委托，点击删除按钮删除当前行，数据
$('tbody').on('click','.btn-delete',function(){
    let id = $(this).attr('data-id')
//    提示用户是否要删除
layer.confirm('确认删除？？',{icon:3,title:'提示'},function(index){
$.ajax({
    method : "GET",
    url : 'my/article/deletecate/' + id,
    success : function(res) {
        if(res.status !==0) {
            return layer.msg('删除分类失败!')
        }
        layer.msg('删除分类成功！')
        layer.close(index)
        initArtCateList()
    }
})
})
})
})